<!DOCTYPE HTML>

<html> 
     <head>
          <title>展示在浏览器选项卡上这是一个标题</title>
     </head>
     <body>
          <div style="background-color: cadetblue;">
               <h1>一级标题</h1>
               <h6>六级标题</h6>
          </div>

          <p>这是一段<span style="background-color: gold;">无意义的</span>文字这是一段文字<br>这是一段文字这是一段文字</p>
          <p>这是一<b>段</b>文字</p>
          <p><i>斜体效果</i>用字母i</p>
          <p>加<u>下划线</u>用字母u</p>

          #超链接
          <a href="https://www.baidu.com" target="_blank">百度链接</a>

          <p>#列表</p>
          <ol>
               <li>第一项</li>
               <li>第二项</li>
          </ol>
          <ul>
               <li>一项</li>
               <li>另一项</li>
          </ul>

          #表格
          <table border="1" class="data-table">
               <thead>
                    <tr>
                         <td>头部1</td>
                         <td>头部2</td>
                         <td>头部3</td>
                    </tr>
               </thead>
               <tbody>
                     <tr>
                         <td>111</td>
                         <td>222</td>
                         <td>333</td>
                    </tr>
                    <tr>
                         <td>111</td>
                         <td>222</td>
                    </tr>
               </tbody>
          </table>
     </body>

</html>